<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />

  <title>智能文档助手</title>
  <!--标准mui.css-->
  <link rel="stylesheet" href="../css/mui.min.css" />
  <script src="../js/mui.min.js"></script>
  <!--App自定义的css-->
  <link rel="stylesheet" type="text/css" href="../css/app.css" />
  <script src="../js/vue.js"></script>
  <script src="../js/vconsole.min.js"></script>
  <script src="../js/jquery-3.6.0.min.js"></script>
  <script src="../js/flexible.js"></script>
  <script src="../js/sm2.js"></script>
  <script src="../js/sm3.js"></script>
  <script src="../common/text.js"></script>
  <style>
    .hanker {
      height: 100%;
      width: 100%;
      display: block;
      z-index: 1;
    }

    .retMask {
      display: flex;
      flex-direction: column;
      top: 0;
      left: 0;
      z-index: 20001;
      width: 100%;
      height: 100%;
      background: white;
    }

    .retMask .header {
      height: 1rem;
    }

    .retMask .header img {
      margin-top: 0.2rem;
      width: 4rem;
      padding-left: 0.3rem;
    }

    .retMask .content {
      width: 100%;
      position: relative;
      text-align: center;
    }

    .retMask .content img {
      margin-top: 1.5rem;
      height: 3rem;
    }

    .retMask .content .izhus {
      margin-top: 0.2rem;
      font-size: 0.6rem;
      font-weight: bold;
      color: black;
    }

    .retMask .showP {
      position: absolute;
      left: 0.5rem;
      bottom: 0.5rem;
      animation: blink 2s linear infinite;
      -webkit-animation: blink 2s linear infinite;
      -moz-animation: blink 2s linear infinite;
      -ms-animation: blink 2s linear infinite;
      -o-animation: blink 2s linear infinite;
    }

    @keyframes blink {
      0% {
        color: rgb(68, 67, 67);
      }

      50% {
        color: transparent;
      }

      100% {
        color: rgb(68, 67, 67);
      }
    }

    .mui-card {
      background-color: antiquewhite;
      position: absolute;
      top: 2.5rem;
      left: 50%;
      transform: translate(-50%, 0);
      height: 8rem;
      width: 70%;
      margin: 0 auto;
      text-align: justify;
      padding: 0.5rem;
    }

    .mui-card .sm {
      font-size: 0.35rem;
      line-height: 2;
      color: #333;
    }

    .mui-btn {
      position: absolute;
      bottom: 0;
      margin-bottom: 1rem;
    }

    .line {
      width: 97%;
      border-top: 1px solid #8a9dbe;
    }

    .sm {
      padding: 0.2rem 0.4rem;
      margin-top: 2rem;
    }

    .sm .gardenLeft {
      width: 0.1rem;
      height: 0.1rem;
      border-radius: 50%;
      background-color: #8a9dbe;
    }

    .sm .title {
      padding-top: 0.2rem;
      font-size: 0.3rem;
      line-height: 1.5;
      text-indent: 2em;
      color: #8a9dbe;
      text-align: justify;
    }

    .cancel {
      padding: 0.2rem 1rem;
      background: #ecf3ff;
      border-radius: 48px;
      color: #0e7677;
    }

    .determine {
      padding: 0.2rem 1rem;
      background: #0e7677;
      border-radius: 48px;
      color: #ecf3ff;
    }

    .buttonList {
      width: 100%;
      padding: 1.5rem 0.5rem 0rem;
    }

    .wecolme {
      font-size: 0.35rem;
      color: #8a9dbe;
      margin: 0.3rem 0;
      font-weight: bold;
    }
  </style>
</head>

<body>
  <div id="app">
    <div class="hanker" ref="hankerRef">
      <div class="retMask">
        <!-- <div class="header">
					<img src="../image/log.png" alt="" />
				</div> -->
        <div class="content">
          <img src="../image/AIHome.png" alt="" @click="vconsoleBtn">
          <p class="wecolme">欢迎使用</p>
          <p class="izhus">智能文档助手</p>
          <div class="sm uldisplay1">
            <p class="gardenLeft"></p>
            <p class="line"></p>
            <p class="gardenLeft"></p>
            <p class="title">
              请严格遵守国家电网公司保密管理规定，点击“同意”表示您同意上述内容。
            </p>
            <div class="uldisplay1 buttonList">
              <p class="cancel" @click="go">取消</p>
              <p class="determine" @click="determine">同意</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script>
    new Vue({
      el: "#app",
      data() {
        return {
          str: '',
          idx: 0
        };
      },
      created() {
        // vconsole.hideSwitch();
        createISCPLink("2021128")
      },
      methods: {
        vconsoleBtn() {
          this.idx = this.idx + 1;
          if (this.idx == 20) {
            this.idx = 0;
            sessionStorage.setItem("vconsoleFlag", "true")
            //显示 vConsole 的开关按钮。
            vconsole.showSwitch();
          }

        },
        // 同意
        determine() {
          // $(location).attr("href", "Home.html");
          var str = securityAgreement(4, 2, "同意", 0);
          if (str.successful) {
            $(location).attr("href", "Home.html");
          } else {
            mui.toast("请求失败", { duration: "long", type: "div" });
          }
        },
        go() {
          // iscp 断开链接
          if (!isFlag) {
            closeIscp()
          }

          IscLogout()
          wx.closeWindow();

        },
      },
    });
  </script>
</body>

</html>